.el-dialog,
.el-message-box {
  border: none;
  background: var(--dialog-bg);
  .el-dialog__title,
  .el-message-box__title {
    color: var(--dialog-title-color);
  }
  .el-alert--warning.is-light {
    background-color: var(--el-alert-warning-light-bg);
  }
}

.login-dialog {
  .el-dialog {
    box-shadow: none;
    background: none;
  }
}

.el-slider {
  --el-slider-main-bg-color: #33ccff;
}
.el-textarea__inner,
.el-input__wrapper {
  background: var(--img-textarea-bg);
  border: none;
  box-shadow: none;
  // color: #fff;
  font-size: 12px;
}
.el-input-number__decrease,
.el-input-number__increase {
  box-shadow: none;
  background: var(--img-textarea-bg);
  border: none !important;
}
.el-textarea__inner {
  background: var(--img-textarea-bg);
  // color: #fff;
  font-size: 12px;
}
.el-textarea {
  .el-input__count {
    background: none;
    color: var(--img-textarea-placeholder-color);
  }
}
.el-textarea__inner::-webkit-input-placeholder {
  // color: var(--img-textarea-placeholder-color);
}
.el-upload-dragger {
  background: var(--img-textarea-bg);
  border: none;
}
.el-slider__bar {
  background: var(--img-slider-color);
}
.el-slider__runway {
  background: var(--img-slider-bg);
}
.el-slider__marks-text {
  font-size: 12px;
}
/* 如果使用 SCSS */
.el-select__popper.el-popper {
  border: none !important;
}
.el-select {
  // --el-select-input-focus-border-color: var(--navigator-bg);
  .el-select__wrapper {
    background: none;
    border: 1px solid var(--select-border-color);
    box-shadow: none;
  }
  .el-select__placeholder {
    color: var(--select-text-color);
    &.is-transparent{
      color: var(--placeholder-text-color);
    }
  }
  // .el-input__inner {
  //   background-color: var(--select-bg-color);
  //   color: var(--select-text-color);
  //   border-color: var(--navigator-bg);
  // }

  .el-input__wrapper {
    background-color: var(--select-bg-color);
    box-shadow: 0 0 0 1px var(--navigator-bg) inset;
  }

  // .el-select__caret {
  //   color: var(--select-text-color);
  // }
}

.el-select-dropdown {
  background-color: var(--select-bg-color);
  border-color: var(--select-bg-color);
  // border: 0.5px solid var(--stroke-tertiary);
  // border-radius: 16px;
  // box-shadow: 0 8px 56px 0 rgb(0 0 0 / 24%);
  .el-select-dropdown__item {
    color: var(--select-text-color);
    &.is-hovering {
      background-color: var(--select-bg-hover);
    }

    &.is-selected {
      background-color: var(--select-bg-hover);
      color: var(--select-active-color);
    }
    &.is-disabled {
      opacity: 0.2;
    }
  }
  // .el-select-dropdown__item.is-hovering {
  //   background-color:var(--select-bg-hover);
  // }
  // .el-select-dropdown__empty {
  //   color: var(--select-text-color);
  // }
}
// .el-popper.is-light > .el-popper__arrow::before {
//   background: var(--navigator-bg) !important;
//   border: 1px solid var(--navigator-bg) !important;
// }
// .el-button {
//   --el-button-hover-text-color: #fff;
// }
.el-upload-dragger {
  background: var(--img-textarea-bg);
  border: none;
}
.el-button--primary {
  // color: #fff;
  // border: none;
  // background: var(--liner);
  &:disabled {
    background: var(--el-button-disabled-bg-color);
    // color: #ccc;
  }
  &.is-loading{
    color: #fff!important;
  }
}
.el-textarea__inner::-webkit-input-placeholder {
  color: var(--placeholder-text-color);
}
.el-textarea__inner {
  background: var(--img-textarea-bg);
  border: none;
  box-shadow: none;
  color: var(--music-text-color);
  font-size: 12px;
}
.el-textarea {
  .el-input__count {
    background: none;
    color: var(--img-textarea-placeholder-color);
  }
}
.el-textarea__inner::-webkit-input-placeholder {
  color: var(--img-textarea-placeholder-color);
}
// tab切换样式
.el-tabs__item.is-active {
  background: var(--liner);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  // background-color: #585858;
  // border: 1px solid;;
  border-image-source: var(--liner);
  border-image-slice: 1;
}
.el-tabs__item {
  color: #7d839c;
}
.el-tabs__active-bar {
  background: var(--liner);
}

// 去掉el-tabs默认下划线
.el-tabs__nav-wrap::after {
  height: 0px !important;
}
.el-slider__marks-text {
  font-size: 12px;
}
